<div class="kmi-layout-content B0102-content c-mdd-page" ng-init="init();" page-type="Page" _transclude-elem="[object Object]">
    <div class="kmi-header-row">
        <div class="brand-title">
            <div class="custom" ng-if="companyName">
                <div class="title" ng-bind="companyName"></div>
                <img src="" alt="" class="brand" />
                <div class="gap"></div>
            </div>
            <div class="digiwin">
                <img src="image/smes_v340/logo_ch.png" alt="" />
                <img src="image/smes_v340/logo_en.png" alt="" />
            </div>
        </div>
        <div class="header-title" ng-bind="_title | translate"></div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="mdd-layout c-mdd-layout" layout-name="B0102" page-name="" page-type="Page" with-toolbar="N" reload="N" _transclude-elem="[object Object]" style="grid-template-columns: repeat(6, auto 1fr)">
            <label class="label" ng-show="_event['item_no'].isShown != 'N'" style="" ng-bind="'B0102.columns.item_no' | translate"></label>
            <div class="value" ng-show="_event['item_no'].isShown != 'N'" style="grid-column-start: span 5">
                <input type="text" undefined="" id="item_no" ng-model="item_no" ng-keypress="_event['item_no'].change(item_no, {event:$event});" ng-disabled="_event['item_no'].isDisabled == 'Y'" />
                <div class="tip search">
                    <img src="image/icons/search.png" ng-click="_event['item_no'].click(item_no, {event:$event});" ng-disabled="_event['item_no'].isDisabled == 'Y'" />
                </div>
            </div>
            <label class="label" ng-show="_event['wo_no'].isShown != 'N'" style="" ng-bind="'B0102.columns.wo_no' | translate"></label>
            <div class="value" ng-show="_event['wo_no'].isShown != 'N'" style="grid-column-start: span 5">
                <input type="text" undefined="" id="wo_no" ng-model="wo_no" ng-keypress="_event['wo_no'].change(wo_no, {event:$event});" ng-disabled="_event['wo_no'].isDisabled == 'Y'" />
                <div class="tip search">
                    <img src="image/icons/search.png" ng-click="_event['wo_no'].click(wo_no, {event:$event});" ng-disabled="_event['wo_no'].isDisabled == 'Y'" />
                </div>
            </div>
            <label class="label" ng-show="_event['plot_no'].isShown != 'N'" style="" ng-bind="'B0102.columns.plot_no' | translate"></label>
            <div class="value" ng-show="_event['plot_no'].isShown != 'N'" style="grid-column-start: span 11">
                <input type="text" undefined="" id="plot_no" ng-model="plot_no" ng-keypress="_event['plot_no'].change(plot_no, {event:$event});" ng-disabled="_event['plot_no'].isDisabled == 'Y'" />
            </div>
            <label class="label" ng-show="_event['wo_no_s'].isShown != 'N'" style="" ng-bind="'B0102.columns.wo_no_s' | translate"></label>
            <div class="value" ng-show="_event['wo_no_s'].isShown != 'N'" style="grid-column-start: span 3">
                <input type="text" undefined="" id="wo_no_s" ng-model="wo_no_s" ng-keypress="_event['wo_no_s'].change(wo_no_s, {event:$event});" ng-disabled="_event['wo_no_s'].isDisabled == 'Y'" />
                <div class="tip search">
                    <img src="image/icons/search.png" ng-click="_event['wo_no_s'].click(wo_no_s, {event:$event});" ng-disabled="_event['wo_no_s'].isDisabled == 'Y'" />
                </div>
            </div>
            <label class="label" ng-show="_event['wo_no_e'].isShown != 'N'" style="" ng-bind="'B0102.columns.wo_no_e' | translate"></label>
            <div class="value" ng-show="_event['wo_no_e'].isShown != 'N'" style="grid-column-start: span 3">
                <input type="text" undefined="" id="wo_no_e" ng-model="wo_no_e" ng-keypress="_event['wo_no_e'].change(wo_no_e, {event:$event});" ng-disabled="_event['wo_no_e'].isDisabled == 'Y'" />
                <div class="tip search">
                    <img src="image/icons/search.png" ng-click="_event['wo_no_e'].click(wo_no_e, {event:$event});" ng-disabled="_event['wo_no_e'].isDisabled == 'Y'" />
                </div>
            </div>
            <div class="value" ng-show="_event['B0102_Radio_Box'].isShown != 'N'" style="grid-column-start: span 4">
                <button class="mdl-button mdl-js-button kmi-checkbox" ng-click="_event['B0102_Radio_Box'].click('feedback_type_1', {event:$event});" ng-disabled="_event['B0102_Radio_Box'].isDisabled == 'Y'">
                    <img ng-if="B0102_Radio_Box.feedback_type_1" src="image/icons/check1.png" />
                    <img ng-if="!B0102_Radio_Box.feedback_type_1" src="image/icons/check0.png" }"=""> {{'B0102.displayValues.B0102_Radio_Box.feedback_type_1' | translate}}
                </button>
            </div>
            <div class="mdd-list c-mdd-list" null="" ng-show="_event['B0102_Table'].isShown != 'N'" style="height:{{_event['B0102'].GetfillHeight()}};grid-column-start:span 12;" list-name="B0102_Print_Table" list-bind="B0102_Table" list-alias="" enable-select="Y" select-all="Y" page-name="" page-type="Page" _transclude-elem="[object Object]">
                <div class="kmi-list column-selector" kmi-scrollbar="840px" column-selector-id="B0102_Print_Table" style="flex: 1">
                    <div class="kmi-list__header">
                        <div class="kmi-list__column width-fixed column-input" style="flex: 0 0 40px">
                            <button class="mdl-button mdl-js-button mdl-button--icon" ng-click="_event['B0102_Table'].selectAll(B0102_Table, 'B0102_Table');">
                                <img ng-show="!_event['B0102_Table'].isSelectAll" src="image/icons/check0.png" />
                                <img ng-show="_event['B0102_Table'].isSelectAll" src="image/icons/check1.png" />
                            </button>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['B0102_Table.plot_no'].isShown != 'N'">
                            <div class="filter" ng-show="_objB0102_Table.header[0].isFilter">
                                <input ng-model="_objB0102_Table.filterColumns['plot_no']" />
                                <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objB0102_Table.header[0].isFilter = false;_objB0102_Table.filterColumns['plot_no'] = '';">clear</i>
                            </div>

                            <div class="order" ng-hide="_objB0102_Table.header[0].isFilter">
                                <i class="material-icons search" style="z-index: 1" ng-click="_objB0102_Table.header[0].isFilter = true">search</i>
                                <label ng-bind="'B0102_Print_Table.columns.plot_no' | translate"></label>
                                <i class="material-icons" ng-show="_objB0102_Table.queryOrder == 0">{{!_objB0102_Table.header[0].order?'':''}}</i>
                                <div class="kmi-can-click" ng-click="orderResult(0, 'plot_no', '_objB0102_Table');"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['B0102_Table.qty'].isShown != 'N'">
                            <div class="filter" ng-show="_objB0102_Table.header[1].isFilter">
                                <input ng-model="_objB0102_Table.filterColumns['qty']" />
                                <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objB0102_Table.header[1].isFilter = false;_objB0102_Table.filterColumns['qty'] = '';">clear</i>
                            </div>

                            <div class="order" ng-hide="_objB0102_Table.header[1].isFilter">
                                <i class="material-icons search" style="z-index: 1" ng-click="_objB0102_Table.header[1].isFilter = true">search</i>
                                <label ng-bind="'B0102_Print_Table.columns.qty' | translate"></label>
                                <i class="material-icons" ng-show="_objB0102_Table.queryOrder == 1">{{!_objB0102_Table.header[1].order?'':''}}</i>
                                <div class="kmi-can-click" ng-click="orderResult(1, 'qty', '_objB0102_Table');"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['B0102_Table.seq'].isShown != 'N'">
                            <div class="filter" ng-show="_objB0102_Table.header[2].isFilter">
                                <input ng-model="_objB0102_Table.filterColumns['seq']" />
                                <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objB0102_Table.header[2].isFilter = false;_objB0102_Table.filterColumns['seq'] = '';">clear</i>
                            </div>

                            <div class="order" ng-hide="_objB0102_Table.header[2].isFilter">
                                <i class="material-icons search" style="z-index: 1" ng-click="_objB0102_Table.header[2].isFilter = true">search</i>
                                <label ng-bind="'B0102_Print_Table.columns.seq' | translate"></label>
                                <i class="material-icons" ng-show="_objB0102_Table.queryOrder == 2">{{!_objB0102_Table.header[2].order?'':''}}</i>
                                <div class="kmi-can-click" ng-click="orderResult(2, 'seq', '_objB0102_Table');"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['B0102_Table.ver'].isShown != 'N'">
                            <div class="filter" ng-show="_objB0102_Table.header[3].isFilter">
                                <input ng-model="_objB0102_Table.filterColumns['ver']" />
                                <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objB0102_Table.header[3].isFilter = false;_objB0102_Table.filterColumns['ver'] = '';">clear</i>
                            </div>

                            <div class="order" ng-hide="_objB0102_Table.header[3].isFilter">
                                <i class="material-icons search" style="z-index: 1" ng-click="_objB0102_Table.header[3].isFilter = true">search</i>
                                <label ng-bind="'B0102_Print_Table.columns.ver' | translate"></label>
                                <i class="material-icons" ng-show="_objB0102_Table.queryOrder == 3">{{!_objB0102_Table.header[3].order?'':''}}</i>
                                <div class="kmi-can-click" ng-click="orderResult(3, 'ver', '_objB0102_Table');"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['B0102_Table.wo_no'].isShown != 'N'">
                            <div class="filter" ng-show="_objB0102_Table.header[4].isFilter">
                                <input ng-model="_objB0102_Table.filterColumns['wo_no']" />
                                <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objB0102_Table.header[4].isFilter = false;_objB0102_Table.filterColumns['wo_no'] = '';">clear</i>
                            </div>

                            <div class="order" ng-hide="_objB0102_Table.header[4].isFilter">
                                <i class="material-icons search" style="z-index: 1" ng-click="_objB0102_Table.header[4].isFilter = true">search</i>
                                <label ng-bind="'B0102_Print_Table.columns.wo_no' | translate"></label>
                                <i class="material-icons" ng-show="_objB0102_Table.queryOrder == 4">{{!_objB0102_Table.header[4].order?'':''}}</i>
                                <div class="kmi-can-click" ng-click="orderResult(4, 'wo_no', '_objB0102_Table');"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['B0102_Table.item_no'].isShown != 'N'">
                            <div class="filter" ng-show="_objB0102_Table.header[5].isFilter">
                                <input ng-model="_objB0102_Table.filterColumns['item_no']" />
                                <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objB0102_Table.header[5].isFilter = false;_objB0102_Table.filterColumns['item_no'] = '';">clear</i>
                            </div>

                            <div class="order" ng-hide="_objB0102_Table.header[5].isFilter">
                                <i class="material-icons search" style="z-index: 1" ng-click="_objB0102_Table.header[5].isFilter = true">search</i>
                                <label ng-bind="'B0102_Print_Table.columns.item_no' | translate"></label>
                                <i class="material-icons" ng-show="_objB0102_Table.queryOrder == 5">{{!_objB0102_Table.header[5].order?'':''}}</i>
                                <div class="kmi-can-click" ng-click="orderResult(5, 'item_no', '_objB0102_Table');"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column head-controls" style="flex: 1" ng-show="_event['B0102_Table.item_name'].isShown != 'N'">
                            <div class="filter" ng-show="_objB0102_Table.header[6].isFilter">
                                <input ng-model="_objB0102_Table.filterColumns['item_name']" />
                                <i class="material-icons clear" style="position: absolute; top: 2px; right: 4px" ng-click="_objB0102_Table.header[6].isFilter = false;_objB0102_Table.filterColumns['item_name'] = '';">clear</i>
                            </div>

                            <div class="order" ng-hide="_objB0102_Table.header[6].isFilter">
                                <i class="material-icons search" style="z-index: 1" ng-click="_objB0102_Table.header[6].isFilter = true">search</i>
                                <label ng-bind="'B0102_Print_Table.columns.item_name' | translate"></label>
                                <i class="material-icons" ng-show="_objB0102_Table.queryOrder == 6">{{!_objB0102_Table.header[6].order?'':''}}</i>
                                <div class="kmi-can-click" ng-click="orderResult(6, 'item_name', '_objB0102_Table');"></div>
                            </div>
                        </div>
                        <div class="kmi-list__column" item-name="printcount" ng-bind="'B0102.list.column8' | translate" style="flex: 1; display: flex"></div>
                    </div>
                    <div class="kmi-list__row-content">
                        <div class="kmi-list__row" id="B0102_Print_Table_result_list" ng-repeat="item in _event['B0102_Table'].getPages(B0102_Table, _objB0102_Table.PageConfig, _objB0102_Table.filterColumns, _objB0102_Table.header[_objB0102_Table.queryOrder]) track by $index" ng-class="{'is-select':_event['B0102_Table'].checkSelect(item, {index:$index, event:$event})}">
                            <div class="kmi-list__column column-input" style="flex: 0 0 40px; z-index: 1">
                                <button class="mdl-button mdl-js-button mdl-button--icon" ng-show="_event['B0102_Table'].enableSelect(item, 'B0102_Table.item');" ng-click="_event['B0102_Table'].click(item, {index:$index, event:$event});">
                                    <img ng-show="!_event['B0102_Table'].checkClick(item, 'B0102_Table.item');" src="image/icons/check0.png" />
                                    <img ng-show="_event['B0102_Table'].checkClick(item, 'B0102_Table.item');" src="image/icons/check1.png" />
                                </button>
                            </div>
                            <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="_event['B0102_Table.plot_no'].isShown != 'N'">{{item.plot_no}}</div>
                            <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="_event['B0102_Table.qty'].isShown != 'N'">{{item.qty}}</div>
                            <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="_event['B0102_Table.seq'].isShown != 'N'">{{item.seq}}</div>
                            <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="_event['B0102_Table.ver'].isShown != 'N'">{{item.ver}}</div>
                            <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="_event['B0102_Table.wo_no'].isShown != 'N'">{{item.wo_no}}</div>
                            <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="_event['B0102_Table.item_no'].isShown != 'N'">{{item.item_no}}</div>
                            <div class="kmi-list__column column-input" style="flex: 1; z-index: 1" ng-class="{'column-border':!$last}" ng-show="_event['B0102_Table.item_name'].isShown != 'N'">{{item.item_name}}</div>
                            <div class="kmi-list__column column-border" item-name="printcount" style="flex: 1; display: flex">
                                <label class="label" ng-bind="item.printcount" style="padding-top: 2px"></label>
                                <i class="material-icons" style="padding-left: 5px; cursor: pointer; z-index: 1" ng-click="printInfoDialog(item);"></i>
                            </div>
                            <div class="kmi-can-click" ng-click="_event['B0102_Table'].rowClick(item, {index:$index, event:$event});"></div>
                        </div>
                    </div>
                </div>
                <div class="page-content">
                    <div class="page-icon">
                        <img src="image/icons/dropleft.png" />
                        <div class="kmi-can-click" ng-click="prevPage(_objB0102_Table.PageConfig);"></div>
                    </div>
                    <label ng-bind="pageInfo(_objB0102_Table.PageConfig);"></label>
                    <div class="page-icon">
                        <img src="image/icons/dropright.png" />
                        <div class="kmi-can-click" ng-click="nextPage(_objB0102_Table.PageConfig);"></div>
                    </div>
                </div>
            </div>
            <div item-name="pdf_panel" class="kmi-layout-page" ng-show="_event['pdf_panel'].isShown != 'N'" style="padding: 0px; height:{{_event['B0102'].GetfillHeight()}}; grid-column-start: span 12;">
                <iframe id="kmi-pdf-panel" name="kmi-pdf-panel"></iframe>
            </div>
            <div item-name="pdf_footer" class="kmi-layout-footer pdf-footer" ng-show="_event['pdf_footer'].isShown != 'N'" style="grid-column-start: span 2">
                <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1 sub" ng-click="print();">
                    <img src="image/icons/print.png" />
                </button>
                <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1 sub" ng-click="download();">
                    <img src="image/icons/download.png" />
                </button>
                <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1" ng-click="cancel();">
                    <img src="image/icons/close.png" />
                </button>
            </div>
        </div>

        <div class="kmi-layout-footer">
            <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1" ng-disabled="_fn['B0102_preview'].isDisabled == 'Y'" ng-hide="_fn['B0102_preview'].isShown == 'N'" ng-click="_fn['B0102_preview'].click('B0102_preview');">
                <i class="material-icons">print</i></button
            ><button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1" ng-disabled="_fn['Execute'].isDisabled == 'Y'" ng-hide="_fn['Execute'].isShown == 'N'" ng-click="_fn['Execute'].click('Execute');">
                <i class="material-icons">search2</i>
            </button>
        </div>
    </div>
</div>
